// 返回一个dom引用单击反转内容
import {useRef,useEffect} from 'react'
export function useReverse(){
  // 定义dom引用
  const elem = useRef();
  const onClick = e=>{
    // 获取事件对象的文本
    var str = e.target.innerText;
    // 反转文本
    var rstr = str.split('').reverse().join('');
    // 重写赋值文本给事件对象
    e.target.innerText = rstr;
  }
  // 组件挂载完毕监听单击事件
  useEffect(()=>{
    elem.current.addEventListener("click",onClick);
    // 组件移除,移除事件
    return ()=> elem.current.removeEventListener("click",onClick);
  },[])
  return elem;
}